import React from "react";
import { Row } from "antd";

import Group from "./group";

// class C_Layout extends React.Component{

// }

interface GroupConfig {
	groupSize: number;
	gridConfig: Array<GridConfig>;
}

interface GridConfig {
	gridSize: number;
	lable: string;
}

interface IProp {
	config: Array<GroupConfig>;
}

const Layout = (prop: IProp) => {
	// config.map((value, index) => {
	// 	return { value: 123 };
	// });
	return (
		<div className="">
			{prop.config.map((groupConfig, index) => {
				return (
					<Row>
						<Group size={groupConfig.groupSize} />
					</Row>
				);
			})}
		</div>
	);
};

export default Layout;
